<template>
	<!-- 头部 -->
	<view class="mine_main" @touchmove.stop="" style="background-image: url('https://img.piaohenduo.com/wapiaoLive/mine_bgi.png');background-size: 100% 100%;">
		<!-- #ifndef MP-TOUTIAO -->
		<view class="mine_top" :style="{'margin-top':userInfoMarginTop+'px'}">
		<!-- #endif -->
		<!-- #ifdef MP-TOUTIAO -->
		<view class="mine_top">
		<!-- #endif -->
			<!-- #ifndef MP-TOUTIAO -->
			<view class="top_heng" @click="loginto" v-if="!loging">
			<!-- #endif -->
			<!-- #ifdef MP-TOUTIAO -->
			<view class="top_heng" @click="loginto" v-if="!loging">
			<!-- #endif -->
				<view class="gengxin">
					<image src="@/static/img/other/headimg.png" mode="" class="top_png"></image>
					<view class="login">登录 / 注册</view>
				</view>
			</view>
			<view class="top_heng" v-else>
				<!-- <view class="flex-center align-center" @tap="toUserInfo"> -->
				<view class="flex-center align-center">
					<view class="gengxin">
						<image :src="userInfo.avatar" mode="" class="top_png"></image>
					</view>
					<view class="login_info">
						<view class="name">{{userInfo.name}}</view>
						<view class="id">
							<image src="/static/img/other/my/mine_id_iocn.png" mode="widthFix" style="width: 32rpx;height: 32rpx;"></image>
							<view class="id_text">
								{{userInfo.id}}
							</view>
						</view>
					</view>
				</view>
		
				<!-- <view class="login-refresh" @tap='getUserInfo'>
					<img src="../../static/img/other/my/refresh.png" alt="" class="refreshIMG">
					<text class="refreshText">刷新</text>
				</view> -->
			</view>
		</view>
		<view class="mine_content">
			<view class="share" style="background-image: url('https://img.piaohenduo.com/wapiaoLive/share_bgi.png');background-size: 100% 100%;">
				<text class="content">
					喊上朋友一起看电影
				</text>
				<view class="shareBtn" @tap="clickShare">
					立即分享
					<img src="/static/img/other/my/share_icon.png" alt="" class="share_icon">
				</view>
			</view>
			
			<view class="orders">
				<view class="orders-title">
					<view class="left">
						我的订单
					</view>
					<view class="right" @tap="toTotalOrder">
						全部订单
						<image src="/static/img/other/my/wallet-title-more.png" mode="" class="orders-title-moreIMG"></image>
					</view>
				</view>
				<!-- <view class="orders-content">
					<view class="order-item" @tap="$common.toLink('/subpages/cinema_ticket/cinema_ticket?type=total')">
						<img src="/static/img/other/my/movieOrder.png" alt="" class="order-item-img">
						<view class="order-item-name">
							电影订单
						</view>
						<view class="tip" v-if="outOrderNum > 0">
							{{outOrderNum}}
						</view>
					</view>
					<view class="order-item" @tap="$common.toLink('/subpages/cinema_ticket/cinema_ticket?type=coupon')">
						<img src="/static/img/other/my/couponOrder.png" alt="" class="order-item-img">
						<view class="order-item-name">
							卡券订单
						</view>
					</view>
					<view class="order-item" @tap="$common.toLink('/subpages/life/orderList')">
						<img src="/static/img/other/my/entityOrder.png" alt="" class="order-item-img">
						<view class="order-item-name">
							实物订单
						</view>
					</view>
				</view> -->
			</view>

			<view class="wallet">
				<!-- <view class="wallet-title">
					<view class="wallet-title-text">
						我的钱包
					</view>
					<view class="wallet-title-more" @tap="toWallet">
						去提现
						<image src="/static/img/other/my/wallet-title-more.png" mode="" class="wallet-title-moreIMG"></image>
					</view>
				</view> -->
				<view class="wallet-content">
					<view class="wallet-content-item">
						<view class="wallet-content-item-text" v-if="account != ''">
							{{account.order_settled.profit}}<text>元</text>
						</view>
						<view class="wallet-content-item-text" v-else>
							...
						</view>
						<view class="wallet-content-item-name">
							已到账
						</view>
					</view>
					<view class="wallet-content-item">
						<view class="wallet-content-item-text" v-if="account != ''">
							{{account.order_settling.profit}}<text>元</text>
						</view>
						<view class="wallet-content-item-text" v-else>
							...
						</view>
						<view class="wallet-content-item-name">
							在路上
						</view>
					</view>
					<view class="wallet-content-item">
						<view class="wallet-content-item-text" v-if="account != ''">
							{{account.balance}}<text>元</text>
						</view>
						<view class="wallet-content-item-text" v-else>
							...
						</view>
						<view class="wallet-content-item-name">
							可提现
						</view>
					</view>
				</view>
			</view>

			<view class="serves">
				<view class="servers-title">
					我的服务
				</view>
				<view class="servers-content">
					<view class="servers-rows">
						<!-- <view class="servers-item" @tap="youhui_quan">
							<img src="/static/img/other/my/coupon.png" alt="" class="servers-item-img">
							<view class="servers-item-name">
								优惠券
							</view>
						</view>
						<view class="servers-item" @tap="toMemberCard">
							<img src="/static/img/other/my/movieCard.png" alt="" class="servers-item-img">
							<view class="servers-item-name">
								电影卡
							</view>
						</view> -->
						<button class="servers-item onlineServe" open-type="contact" plain="false" hover-class="none">
							<img src="/static/img/other/my/onlineServe.png" alt="" class="servers-item-img">
							<view class="servers-item-name">
								在线客服
							</view>
						</button>
						<view class="servers-item" @tap="callMe">
							<img src="/static/img/other/my/phoneServe.png" alt="" class="servers-item-img">
							<view class="servers-item-name">
								电话客服
							</view>
						</view>
						<view class="servers-item" @tap="toFnes">
							<img src="/static/img/other/my/myFans.png" alt="" class="servers-item-img">
							<view class="servers-item-name">
								我的粉丝
							</view>
						</view>
						<view class="servers-item" @tap="toFensOrder">
							<img src="/static/img/other/my/fansOrder.png" alt="" class="servers-item-img">
							<view class="servers-item-name">
								粉丝订单
							</view>
						</view>
					</view>
					<view class="servers-rows">
						<view class="servers-item" @tap="toWant">
							<img src="/static/img/other/my/myCanSee.png" alt="" class="servers-item-img">
							<view class="servers-item-name">
								我想看的
							</view>
						</view>
						<!-- <button class="servers-item onlineServe" open-type="contact" plain="false" hover-class="none">
							<img src="/static/img/other/my/onlineServe.png" alt="" class="servers-item-img">
							<view class="servers-item-name">
								在线客服
							</view>
						</button>
						<view class="servers-item" @tap="callMe">
							<img src="/static/img/other/my/phoneServe.png" alt="" class="servers-item-img">
							<view class="servers-item-name">
								电话客服
							</view>
						</view> -->
						<view class="servers-item"></view>
						<view class="servers-item"></view>
						<view class="servers-item"></view>
					</view>
				</view>
			</view>
		</view>
		<u-popup v-model="showShare" mode="bottom">
			<view class="uni-share">
				<view class="uni-share-content">
					<button class="uni-share-content-box" openType="share">
						<view class="uni-share-content-image">
							<image class="content-image" mode="widthFix" src="@/static/img/other/my/wechart.png">
							</image>
						</view>
						<text class="uni-share-content-text">微信好友</text>
					</button>
					<button bindtap="__e" class="uni-share-content-box" @click="toBill">
						<view class="uni-share-content-image">
							<image class="content-image" mode="widthFix" src="@/static/img/other/my/share.png">
							</image>
						</view>
						<text class="uni-share-content-text">专属海报</text>
					</button>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import title from '@/pages/components/title.vue'
	export default {
		// 自定义分享
		onShareAppMessage(res) {
			let scene = uni.getStorageSync('uInfo')
			if (scene) {
				scene = JSON.parse(scene).id
			} else {
				scene = ''
			}
			return {
				title: '在线购买电影票立减5-30元',
				imageUrl: "../../static/img/other/my/mini-share-img.jpg",
				path: '/pages/index/index?scene=' + scene
			}
		},
		data() {
			return {
				userInfo: {},
				loging: false,
				showShare: false,
				userInfoTel: '',
				// 账户
				account: '',
				userInfoMarginTop:101,
				showInputName:false,//是否显示昵称输入框
				outOrderNum:0,//已出票订单数
			}
		},
		onLoad() {
			this.$nextTick(()=>{
				let menu = uni.getMenuButtonBoundingClientRect()
				// console.log('----------------',this.userInfoMarginTop,menu.bottom + 16,'-----------------');
				this.userInfoMarginTop = menu.bottom + 16
			})
		},
		onShow() {
			this.userInfo = this.$store.state.uInfo
			if(this.userInfo.name)this.loging = true
			if (this.userInfo.tel) {
				this.changeTel()
			}
			this.getOutOrder()//获取已出票订单
			this.getUserAuth()//获取我的钱包模块的数据
			// console.log(this.userInfo)
		},
		watch: {
			'$store.state.uInfo'(curVal, oldVal) {
				this.userInfo = this.$store.state.uInfo
			},
		},
		methods: {
			// 获取已出票订单
			getOutOrder(){
				this.outOrderNum = 0
				this.$api.getOrder({
					limit: 10000,
					offset: 0,
					status: '3',//status = 3:已出票
				}).then(res => {
					res.data.data.rows.forEach((i)=>{
						// if(this.$moment(i.show_time).format('x') > this.$moment().format('x')){
							this.outOrderNum ++
						// }
					})
					
				})
			},
			// 前往全部订单页面
			toTotalOrder(){
				uni.navigateTo({
					url:"/subpages/totalOrder/totalOrder"
				})
			},
			toUserInfo(){
				uni.navigateTo({
					url: '/subpages/userInfo/userInfo'
				})
			},
			toMemberCard() {
				uni.navigateTo({
					url: '/subpages/memberCard/memberCard'
				})
			},
			// 获取金额
			getUserAuth() {
				uni.showLoading({
					title: '加载中',
					mask: true
				})
				this.$api.getUserAuth().then(res => {
					this.account = res.data.data
					uni.hideLoading()
				})
			},
			// 我想看
			toWant() {
				uni.navigateTo({
					url: '/subpages/self_wantsee/self_wantsee'
				})
			},
			// 粉丝订单
			toFensOrder() {
				uni.navigateTo({
					url: '/subpages/fens_order/fens_order'
				})
			},
			// 粉丝
			toFnes() {
				uni.navigateTo({
					url: '/subpages/fens/fens'
				})
			},
			// 钱包
			toWallet() {
				// uni.navigateTo({
				// 	url: '/subpages/test2/test2?' + 'account=' + JSON.stringify(this.account)
				// })
				uni.showToast({
					title: '请前往网页版提现',
					icon: 'none'
				})
			},
			// 跳转
			toBill() {
				uni.navigateTo({
					url: '/subpages/bill/bill'
				})
			},
			// 电话客服
			callMe() {
				uni.makePhoneCall({
					phoneNumber: '13229877458'
				})
			},
			// 登录
			loginto() {
				uni.navigateTo({
					url: '/subpages/login/login'
				})
			},
			// 优惠券
			youhui_quan() {
				uni.navigateTo({
					url: '/subpages/coupon/coupon'
				})
			},
			// 电影票
			tiao_movie() {
				uni.navigateTo({
					url: '/subpages/cinema_ticket/cinema_ticket'
				})
			},
			// 获取手机号
			mobilenum(row) {
				if (row.detail.errMsg !== 'getPhoneNumber:ok') {
					return
				}
				uni.showLoading({
					title: '加载中'
				})
				const _this = this
				uni.login({
					provider: 'weixin',
					success: function(result) {
						_this.$api.getTel({
							encryptedData: encodeURIComponent(row.detail.encryptedData),
							iv: encodeURIComponent(row.detail.iv),
							code: result.code,
						}).then(res => {
							_this.userInfo.tel = res.data.data
							_this.$store.commit('setUserInfo', _this.userInfo)
							_this.changeTel()
							uni.hideLoading()
							uni.showToast({
								icon: 'none',
								title: '更新成功'
							})
						})
					}
				});
			},
			// 打电话
			phoneCall(mobile) {
				this.$common.makePhoneCall(mobile)
			},
			// 更新页面手机号
			changeTel() {
				var reg = /(\d{3})\d{4}(\d{4})/;
				this.userInfoTel = this.userInfo.tel.replace(reg, "$1****$2")
			},
			
			// 分享方法
			clickShare() {
				this.showShare = true
			}
		},
		components: {
			title
		},
	}
</script>

<style lang="scss" scoped>
	.mine_main {
		width: 100vw;
		height: 100vh;
		position: relative;
		background: #F4F4F4;
		overflow: auto;

		// .bg-img {
		// 	position: absolute;
		// 	z-index: 0;
		// 	width: 100%;
		// 	height: 100%;
		// 	top: 0;
		// 	left: 0;
		// }



		// 头部
		.mine_top {
			font-weight: 300;

			.top_heng {
				display: flex;
				align-items: center;
				margin-left: 20rpx;
				justify-content: space-between;

				.gengxin {
					display: flex;
					align-items: center;
					justify-content: center;
					// border-radius: 50%;
					overflow: hidden;

					.top_png {
						width: 128rpx;
						height: 128rpx;
						border-radius: 50%;
						// border-radius: 50%;
						// border: 2px solid;
						// border-image: linear-gradient(147deg, rgba(255, 85, 136, 1), rgba(239, 66, 79, 1));
					}


					.icon-shuaxin {
						font-size: 16rpx;
					}

					.login {
						font-weight: 700;
						font-size: 36rpx;
						margin-left: 20rpx;
					}
				}

				.login_info {
					color: rgba(34, 34, 34, 1);
					margin-left: 30rpx;

					.name {
						font-weight: bold;
						font-size: 36rpx;
					}

					.id {
						margin-top: 8rpx;
						height: 44rpx;
						width: auto;
						border-radius: 22rpx;
						background-color: rgba(221,221,221,0.35);
						display: flex;
						align-items: center;
						padding: 0 16rpx;
						
						.id_text {
							margin-left: 12rpx;
						}
					}
				}

				.login-refresh {
					display: flex;
					align-items: center;
					justify-content: space-between;
					width: 140rpx;
					height: 50rpx;
					padding: 0 24rpx;
					border-radius: 25rpx 0 0 25rpx;
					background: #FFFFFF;
					box-shadow: 0px 4rpx 8rpx 0px rgba(0,0,0,0.08);
					
					.refreshIMG {
						height: 32rpx;
						width: 32rpx;
					}
					.refreshText {
						font-size: 24rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: #666666;
					}
				}
			}
		}
		
		.mine_content {
			padding: 32rpx 20rpx 0;
			>view {
				margin-bottom: 20rpx;
				background-color: #fff;
			}
			.share {
				width: 100%;
				height: 140rpx;
				border-radius: 16rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 0 40rpx;
				
				.content {
					font-size: 30rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
				}
				
				.shareBtn {
					width: 150rpx;
					height: 46rpx;
					border-radius: 23rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					background: linear-gradient(90deg,#FFF4F4,#FFD6BF);
					
					font-size: 24rpx;
					font-family: PingFang SC-Medium, PingFang SC;
					font-weight: 500;
					color: #DD2424;
					
					.share_icon {
						width: 14rpx;
						height: 14rpx;
						margin-left: 4rpx;
					}
				}
			}
			
			.wallet {
				width: 100%;
				box-shadow: 0px 0px 20rpx 0px rgba(221,221,221,0.2);
				border-radius: 6rpx;
				padding: 12rpx 40rpx;
				.wallet-title {
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding: 20rpx 0;
					border-bottom: 2rpx solid rgba(221,221,221,0.4);;
					.wallet-title-text {
						font-size: 30rpx;
						font-family: PingFang SC-Bold, PingFang SC;
						font-weight: bold;
						color: #2E2E2E;
					}
					.wallet-title-more {
						font-size: 28rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: rgba(102,102,102,0.8);
						.wallet-title-moreIMG {
							width: 20rpx;
							height: 20rpx;
							margin-left: 4rpx;
						}
					}
				}
				.wallet-content {
					display: flex;
					justify-content: space-between;
					align-items: center;
					.wallet-content-item {
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						height: 140rpx;
						.wallet-content-item-text {
							font-size: 32rpx;
							font-family: PingFang SC-Bold, PingFang SC;
							font-weight: bold;
							color: #1B1B1B;
							text {
								font-size: 24rpx;
								color: #999;
							}
						}
						.wallet-content-item-name {
							margin-top: 12rpx;
							font-size: 24rpx;
							font-family: PingFang SC-Regular, PingFang SC;
							font-weight: 400;
							color: #999999;
						}
					}
				}
			}
			
			.orders {
				padding: 32rpx 40rpx;
				.orders-title {
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding-bottom: 20rpx;
					border-bottom: 2rpx solid rgba(221,221,221,0.4);
					.left {
						font-size: 30rpx;
						font-family: PingFang SC-Bold, PingFang SC;
						font-weight: bold;
						color: #2E2E2E;
						line-height: 30rpx;
					}
					.right {
						font-size: 28rpx;
						font-family: PingFang SC-Regular, PingFang SC;
						font-weight: 400;
						color: rgba(102,102,102,0.8);
						line-height: 28rpx;
						.orders-title-moreIMG {
							width: 20rpx;
							height: 20rpx;
							margin-left: 4rpx;
						}
					}
				}
				.orders-content {
					display: flex;
					align-items: center;
					justify-content: space-between;
					.order-item {
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						position: relative;
						.order-item-img {
							margin-top: 32rpx;
							width: 68rpx;
							height: 68rpx;
						}
						.order-item-name {
							margin-top: 12rpx;
							
							font-size: 28rpx;
							font-family: PingFang SC-Regular, PingFang SC;
							font-weight: 400;
							color: #1B1B1B;
						}
						.tip {
							width: 24rpx;
							height: 24rpx;
							border-radius: 50%;
							background-color: #F53F3F;
							
							display: flex;
							justify-content: center;
							align-items: center;
							
							position: absolute;
							top: 36rpx;
							left: 70rpx;
							
							font-size: 20rpx;
							font-family: PingFang SC-Bold, PingFang SC;
							font-weight: bold;
							color: #FFFFFF;
						}
					}
				}
			}
			
			.serves {
				border-radius: 16rpx;
				padding: 32rpx 40rpx;
				.servers-title {
					padding-bottom: 20rpx;
					border-bottom: 2rpx solid rgba(221,221,221,0.4);
					font-size: 30rpx;
					font-family: PingFang SC-Bold, PingFang SC;
					font-weight: bold;
					color: #2E2E2E;
				}
				.servers-content {
					.servers-rows {
						display: flex;
						justify-content: space-between;
						align-items: center;
							.servers-item {
								display: flex;
								flex-direction: column;
								justify-content: center;
								align-items: center;
								width: 96rpx;
								height: 134rpx;
								.servers-item-img {
									width: 56rpx;
									height: 56rpx;
									margin-top: 32rpx;
									margin-bottom: 12rpx;
								}
								.servers-item-name {
									font-size: 24rpx;
									font-family: PingFang SC-Regular, PingFang SC;
									font-weight: 400;
									color: #333333;
								}
							}
							.onlineServe {
								margin: 0;
								padding: 0;
								border: none;
								line-height: 1;
								
								/* #ifdef MP-TOUTIAO */
								background-color: transparent;
								&::after {
									border: none;
								}
								/* #endif */
							}
					}
				}
			}
		}
		
		// 分享弹窗
		.uni-share {
			-webkit-box-orient: vertical;
			flex-direction: column;
			background-color: #fff;
		}
		
		.uni-share,
		.uni-share-content {
			display: flex;
			-webkit-box-direction: normal;
		}
		
		.uni-share-content {
			-webkit-box-orient: horizontal;
			flex-direction: row;
			flex-wrap: wrap;
			-webkit-box-pack: center;
			justify-content: center;
			padding: 15px 15px 0;
		}
		
		.uni-share-content-box {
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			flex-direction: column;
			-webkit-box-align: center;
			align-items: center;
			width: 340rpx;
			background-color: #fff;
			line-height: normal;
		}
		
		.uni-share-content-box:after {
			border: 0 !important;
		}
		
		.uni-share-content-image {
			display: flex;
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			flex-direction: row;
			-webkit-box-pack: center;
			justify-content: center;
			-webkit-box-align: center;
			align-items: center;
			width: 60rpx;
			height: 60rpx;
			overflow: hidden;
			border-radius: 10rpx;
		}
		
		.content-image {
			width: 80rpx;
			height: 60rpx;
		}
		
		.uni-share-content-text {
			font-size: 26rpx;
			color: #aaa;
			padding-top: 5px;
			padding-bottom: 10px;
		}

		// .middle {
		// 	margin-top: 58rpx;
		// 	position: relative;
		// 	z-index: 1;

		// 	.middle-bg {
		// 		position: absolute;
		// 		z-index: 0;
		// 		width: 100%;
		// 		top: 0;
		// 		left: 0;
		// 		height: 126rpx;
		// 	}

		// 	.share {
		// 		position: relative;
		// 		z-index: 999;
		// 		display: flex;
		// 		justify-content: space-between;
		// 		align-items: center;
		// 		// border-radius: 8rpx 8rpx 0px 0px;
		// 		padding: 30rpx 40rpx;
		// 		color: rgba(255, 255, 255, 1);

		// 		.shareBtn {
		// 			font-size: 24rpx;
		// 			width: 136rpx;
		// 			text-align: center;
		// 			height: 48rpx;
		// 			line-height: 48rpx;
		// 			color: #EF424F;
		// 			border-radius: 1000rpx;
		// 			background-color: #FEE8BF;
		// 			margin: 0;
		// 			padding: 0;
		// 		}

		// 	}

		// 	// 我的订单
		// 	.order {
		// 		position: relative;
		// 		z-index: 1;
		// 		box-shadow: 0rpx 3rpx 27rpx 0rpx rgba(152, 151, 152, 0.14);
		// 		border-radius: 0 0 14rpx 14rpx;
		// 		margin-bottom: 20rpx;
		// 		padding: 30rpx 50rpx 40rpx 50rpx;
		// 		background-color: #fff;

		// 		.top {
		// 			font-size: 30rpx;
		// 			font-weight: bold;
		// 			color: #333333;
		// 		}

		// 		.order_body {
		// 			display: flex;
		// 			justify-content: space-between;
		// 			align-items: center;

		// 			.o {
		// 				display: flex;
		// 				flex-direction: column;
		// 				justify-content: flex-start;
		// 				align-items: center;
		// 				font-size: 28rpx;
		// 				font-weight: 500;
		// 				color: rgba(27, 27, 27, 1);

		// 				image {
		// 					width: 68rpx;
		// 					height: 68rpx;
		// 					margin-bottom: 4rpx;
		// 				}
		// 			}


		// 		}
		// 	}
		// }

		// // 身体
		// .mine_body {
		// 	position: relative;
		// 	z-index: 1;
		// 	padding: 20rpx;
		// 	padding-top: 0;
		// 	// background-color: rgba(244, 244, 244, 1);
		// 	display: flex;
		// 	flex-direction: column;
		// 	justify-content: space-between;
		// 	align-items: center;

		// 	// 我的钱包
		// 	.wallet {
		// 		position: relative;
		// 		width: 100%;
		// 		// height: 272rpx;
		// 		border-radius: 16rpx;
		// 		background-color: #fff;

		// 		.imaWallet {
		// 			position: absolute;
		// 			width: 108%;
		// 			height: 120%;
		// 			top: -8%;
		// 			left: -4%;
		// 			z-index: 777;
		// 		}

		// 		.walletCon {
		// 			position: relative;
		// 			z-index: 888;
		// 			padding: 32rpx 20rpx 38rpx 20rpx;
		// 			color: rgba(46, 46, 46, 1);

		// 			.top {
		// 				display: flex;
		// 				justify-content: space-between;
		// 				align-items: center;

		// 				.left {
		// 					font-size: 30rpx;
		// 					font-weight: bold;
		// 				}

		// 				.right {
		// 					font-size: 26rpx;
		// 					position: relative;

		// 					.trans {
		// 						display: inline-block;
		// 						margin-left: 13rpx;
		// 						transform: rotate(-90deg);
		// 						font-size: 20rpx;
		// 					}
		// 				}
		// 			}

		// 			.body {
		// 				margin-top: 36rpx;
		// 				display: flex;
		// 				justify-content: space-between;
		// 				align-items: center;
		// 				padding: 0 40rpx;

		// 				.fundsources {
		// 					position: relative;
		// 					display: flex;
		// 					flex-direction: column;
		// 					justify-content: space-between;
		// 					align-items: center;
		// 					height: 100rpx;
		// 					color: rgba(46, 46, 46, 1);

		// 					image {
		// 						width: 48rpx;
		// 						height: 48rpx;
		// 						margin-bottom: 8rpx
		// 					}

		// 					&::after {
		// 						content: '';
		// 						position: absolute;
		// 						height: 100%;
		// 						width: 2rpx;
		// 						right: -40rpx;
		// 						top: 0;
		// 						background-color: rgba(204, 204, 204, 1);
		// 					}
		// 				}

		// 				.d {
		// 					height: 100rpx;
		// 					display: flex;
		// 					flex-direction: column;
		// 					align-items: center;
		// 					justify-content: space-between;
		// 					font-size: 24rpx;
		// 					color: rgba(46, 46, 46, 1);
		// 					// width: calc(33.333%);
		// 					// border-right: 1px dashed #E2E2E2;

		// 					&:last-of-type {
		// 						border-right: none !important;
		// 					}

		// 					.title {
		// 						color: rgba(46, 46, 46, 1);
		// 						font-size: 28rpx;
		// 						font-weight: bold;
		// 						// margin-bottom: 31rpx;

		// 						text {
		// 							font-weight: 400;
		// 						}
		// 					}
		// 				}
		// 			}
		// 		}

		// 		// background-image: url(../../static/img/other/wallet.png);
		// 	}



		// 	//我的服务
		// 	.serve {
		// 		width: 100%;
		// 		border-radius: 16rpx;
		// 		// height: 340rpx;
		// 		margin-top: 20rpx;
		// 		background-color: #FFFFFF;
		// 		padding: 32rpx 20rpx 38rpx 20rpx;

		// 		.serve_top {
		// 			font-size: 30rpx;
		// 			font-weight: bold;
		// 			color: #333333;
		// 		}

		// 		.serve_body {
		// 			display: flex;
		// 			justify-content: flex-start;
		// 			align-items: center;
		// 			flex-wrap: wrap;
		// 			margin-top: 32rpx;

		// 			// padding: 25rpx;
		// 			.s {
		// 				width: 25%;
		// 				display: flex;
		// 				flex-direction: column;
		// 				align-items: center;
		// 				justify-content: center;
		// 				margin-bottom: 32rpx;

		// 				font-size: 24rpx;
		// 				font-weight: 500;
		// 				color: rgba(46, 46, 46, 1);

		// 				image {
		// 					width: 56rpx;
		// 					height: 56rpx;
		// 					margin-bottom: 12rpx
		// 				}
		// 			}

		// 			.concat {
		// 				border: none;
		// 				margin-left:0;
		// 				margin-right: 0;

		// 				.view {
		// 					padding: 0;
		// 					margin: 0;
		// 					height: 32rpx;
		// 					line-height: 32rpx;
		// 				}
		// 			}

		// 		}
		// 	}
		// }


		// .mine_customer {
		// 	position: fixed;
		// 	left: 0;
		// 	bottom: 50rpx;
		// 	width: 100%;
		// 	font-size: 28rpx;
		// 	align-items: center;
		// 	display: flex;
		// 	justify-content: center;

		// 	.customer_hui {
		// 		color: #aaa;
		// 		display: flex;
		// 		align-items: center;
		// 	}

		// 	.custom_fen {
		// 		color: #f1255d;
		// 		text-decoration: underline;
		// 	}
		// }

		// .mobile_tel {
		// 	display: flex;
		// 	background-color: transparent;
		// 	color: #aaa;
		// 	padding: 0;
		// 	align-items: center;

		// 	&::after {
		// 		border: 0 !important;
		// 	}

		// 	.bangding {
		// 		color: #007AFF;
		// 		font-size: 24rpx;
		// 		margin-right: 10rpx;
		// 		padding-bottom: 5rpx;
		// 		box-sizing: border-box;
		// 	}
		// }

		// // 分享弹窗
		// .uni-share {
		// 	-webkit-box-orient: vertical;
		// 	flex-direction: column;
		// 	background-color: #fff;
		// }

		// .uni-share,
		// .uni-share-content {
		// 	display: flex;
		// 	-webkit-box-direction: normal;
		// }

		// .uni-share-content {
		// 	-webkit-box-orient: horizontal;
		// 	flex-direction: row;
		// 	flex-wrap: wrap;
		// 	-webkit-box-pack: center;
		// 	justify-content: center;
		// 	padding: 15px 15px 0;
		// }

		// .uni-share-content-box {
		// 	display: flex;
		// 	-webkit-box-orient: vertical;
		// 	-webkit-box-direction: normal;
		// 	flex-direction: column;
		// 	-webkit-box-align: center;
		// 	align-items: center;
		// 	width: 340rpx;
		// 	background-color: #fff;
		// 	line-height: normal;
		// }

		// .uni-share-content-box:after {
		// 	border: 0 !important;
		// }

		// .uni-share-content-image {
		// 	display: flex;
		// 	-webkit-box-orient: horizontal;
		// 	-webkit-box-direction: normal;
		// 	flex-direction: row;
		// 	-webkit-box-pack: center;
		// 	justify-content: center;
		// 	-webkit-box-align: center;
		// 	align-items: center;
		// 	width: 60rpx;
		// 	height: 60rpx;
		// 	overflow: hidden;
		// 	border-radius: 10rpx;
		// }

		// .content-image {
		// 	width: 80rpx;
		// 	height: 60rpx;
		// }

		// .uni-share-content-text {
		// 	font-size: 26rpx;
		// 	color: #aaa;
		// 	padding-top: 5px;
		// 	padding-bottom: 10px;
		// }

		// // 手机号相关
		// .flex {
		// 	display: flex;
		// 	align-items: center;
		// 	justify-content: center;

		// 	.flex_text {
		// 		font-size: 26rpx;
		// 		color: #aaa;
		// 		margin-top: -1rpx;
		// 		margin-right: 10rpx;
		// 	}
		// }

		// .service {
		// 	display: flex;
		// 	align-items: center;

		// }



	}
</style>
